<?php
    include('functions.php');
    $json = curl('http://www.djmaxcn.com/technika/GetLocation.asp');
?>    
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<title>DMT3机台状态(高端手机版)</title>
<link href="style/status-new.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
	var data = $.parseJSON('<?php echo $json ?>');
</script>
</head>
<body>
<div id="header">
    <h1>DMT3机台位置</h1>
    <p class="descri">高端大屏手机版</p>
</div>
<div id="filter">
  <div class="switch"><input type="checkbox" name="is-filter" id="is-filter"><label for="is-filter">开启过滤器</label></div>
    <div class="status"><input type="checkbox" name="filter-status" id="filter-status-free" value="推荐"><label for="filter-status-free">推荐</label>
      <input type="checkbox" name="filter-status" id="filter-status-normal" value="一般"><label for="filter-status-normal">一般</label>
      <input type="checkbox" name="filter-status" id="filter-status-busy" value="拥挤"><label for="filter-status-busy">拥挤</label>
      <input type="checkbox" name="filter-status" id="filter-status-offline" value="离线"><label for="filter-status-offline">离线</label>
    </div>
    <div class="city"><p id="filter-citys"></p></div>
</div>
<div id="contents"></div>
<div id="footer">
    <p><?php echo date('M d H:i:s'); ?></p>
    <p>何凯 作品</p>
</div>
</body>
</html>
<script src="script/status-new.js"></script>